<template>
    <div>
        <div v-show="isLogin">你好：VUE</div>
        <div v-if="isLogin">你好：VUE</div>
        <h3>
            v-if 和v-show的区别：
        </h3>
        <h4>
            v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。
        </h4>
        <h4>
            v-show：调整css dispaly属性，可以使客户端操作更加流畅。
        </h4>
    </div>
</template>

<script>
    export default {
        name: 'vifshow',
        data() {
            return {
                isLogin: false
            }
        }
    }
</script>
<style scoped>
</style>
